import { createVNode, render } from 'vue'
import XtxMessage from './index.vue'

export function Message ({ type, text }) {
  // 创建虚拟dom
  const vdom = createVNode(XtxMessage, { type, text })
  // 创建真实dom
  const div = document.createElement('div')
  // 将虚拟dom 渲染到真实dom 上
  render(vdom, div)
  // 将元素添加到页面上
  document.body.appendChild(div)
  // 一定时间后删除或清空该元素
  setTimeout(() => {
    // 删除该元素
    // document.body.removeChild(div)
    // 或者清除内部内容
    render(null, div)
  }, 1500)
}
